@import url(./common.css);
html,body{
    min-width:320px;
    width: 15rem;
    margin: 0 auto;
    height: 100%;
  
  
}
ul li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}


// 清除浮动
.clearfix{
    content: '';
    display: block;
    clear: both;
}
.container{
    width: 15rem;
    height: 100%;
    position: relative;

    .nav-bg{
        width: 15rem;
        height: 6.867187rem;//293px
        background: url(../img/详情页_02.png) no-repeat 0 0/100% 100%;
        margin: 0 auto;
        margin-top :-0.703125rem;
    }
    // 滑动块区域
    .slide{
       width: 15rem;
        height:1.5rem;//64px
        margin: 0 auto;
        margin-top: .375rem;
        overflow-x: scroll;
        .slide-li{
            width: 19.429687rem;//829px;
            height:1.5rem;//64px
            li{
                float: left;
                width: 4.40625rem;//188px;
                height: 1.5rem;
                margin-left: .023437rem;
                a{
                    text-decoration: none;
                    display: block;
                    width: inherit;
                    height: inherit;
                    font-size: .585937rem;//25px;
                    color:#f3f3f3;
                    background: #333333;
                    text-align: center;
                    line-height: 1.5rem;
                }
            }
            li:nth-of-type(3){
                a{
                    background-color: red;
                }
            }
        }
    }
    // 主要内容
    .content{
        width: 13.59375rem;
        margin: .46875rem auto;
        .title{
            width: 13.59375rem;
            margin: 0 auto;
            h1{
                width: 13.59375rem;
                text-align: center;     
                font-size: .585937rem;
                font-weight: bold;
            }
            p{
                width: 13.59375rem;
                margin: 0 auto;
                font-size: .46875rem;
                color: #666666;
                text-align: center;
            }
        }
        .text{
            width: 13.59375rem;
            margin: .46875rem auto;
            img{
                width: 12.5625rem;
                height: 7.007812rem;
                margin: .46875rem .515625rem;
            }
            p{
                width: 13.59375rem;
                font-size: .46875rem;
                color: #676767;
                text-indent: .9375rem;
                line-height: .9375rem;
            }
        }
        .last{
            margin: .46875rem auto;
            width: 13.59375rem;
            height: 1.40625rem;
            text-align: center;
            color: #676767;
            background: #f2f2f2;
            line-height: 1.40625rem;
            font-size: .46875rem;
        }
        .next{
            margin: .46875rem auto;
            width: 13.59375rem;
            height: 1.40625rem;
            text-align: center;
            color: #676767;
            background: #f2f2f2;
            line-height: 1.40625rem;
            font-size: .46875rem;
        }
    }
     // 底部
     .foot{
        background-color: #f2f2f2;
        .test{
            margin: .234375rem auto;
            color: #b1b1b1;
        }
    }
}